﻿<!DOCTYPE html>

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="#">

    <title>BuyRitmus - Ingressos Online</title>

    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <header>
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="header-top-background"></div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">EVENTOS <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">SHOWS</a></li>
                            <li class="divider"></li>
                            <li><a href="#">BOATE</a></li>
                            <li class="divider"></li>
                            <li><a href="#">TEATRO</a></li>
                        </ul>
                    </li>
                    <li><a href="#">LOCAIS</a></li>
                    <li><a href="#">QUEM SOMOS</a></li>
                    <li><a href="#">FALE CONOSCO</a></li>
                </ul>
            </div>
        </nav>
        <!-- Main jumbotron for a primary marketing message or call to action -->
        <div class="home-first-container">
            <div class="container header-logo-container">
                <a href="#">
                    <img src="images/logo-buyritmus-home.png" alt="BuyRitmus Ingressos Online" />
                </a>
                <p>O melhor jeito de chegar em um evento "arrasando"!</p>
            </div>
        </div>
    </header>
    <div class="container">
        <br />
        <div class="row">
            <div class="col-md-3">
                <a href="#">
                    <img src="images/evento-demo.jpg" alt="banda eva e camafeu no villa mix" width="286" height="270" itemprop="image" />
                </a>
                <h4>Banda Eva + Camafeu</h4>
                <h5>08 de Nov, Sabado, 22:00 hrs</h5>
                <button type="button" class="btn btn-default btn-success">Comprar</button>&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-default btn-gray">+</button>
            </div>
            <div class="col-md-3">
                <a href="#">
                    <img src="images/evento-demo.jpg" alt="banda eva e camafeu no villa mix" width="286" height="270" itemprop="image" />
                </a>
                <h4>Banda Eva + Camafeu</h4>
                <h5>08 de Nov, Sabado, 22:00 hrs</h5>
                <button type="button" class="btn btn-default btn-success">Comprar</button>&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-default btn-gray">+</button>
            </div>
            <div class="col-md-3">
                <a href="#">
                    <img src="images/evento-demo.jpg" alt="banda eva e camafeu no villa mix" width="286" height="270" itemprop="image" />
                </a>
                <h4>Banda Eva + Camafeu</h4>
                <h5>08 de Nov, Sabado, 22:00 hrs</h5>
                <button type="button" class="btn btn-default btn-success">Comprar</button>&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-default btn-gray">+</button>
            </div>
            <div class="col-md-3">
                <a href="#">
                    <img src="images/evento-demo.jpg" alt="banda eva e camafeu no villa mix" width="286" height="270" itemprop="image" />
                </a>
                <h4>Banda Eva + Camafeu</h4>
                <h5>08 de Nov, Sabado, 22:00 hrs</h5>
                <button type="button" class="btn btn-default btn-success">Comprar</button>&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-default btn-gray">+</button>
            </div>
        </div>
        <br />
        <div class="row">
            <div class="col-md-3">
                <a href="#">
                    <img src="images/evento-demo.jpg" alt="banda eva e camafeu no villa mix" width="286" height="270" itemprop="image" />
                </a>
                <h4>Banda Eva + Camafeu</h4>
                <h5>08 de Nov, Sabado, 22:00 hrs</h5>
                <button type="button" class="btn btn-default btn-success">Comprar</button>&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-default btn-gray">+</button>
            </div>
            <div class="col-md-3">
                <a href="#">
                    <img src="images/evento-demo.jpg" alt="banda eva e camafeu no villa mix" width="286" height="270" itemprop="image" />
                </a>
                <h4>Banda Eva + Camafeu</h4>
                <h5>08 de Nov, Sabado, 22:00 hrs</h5>
                <button type="button" class="btn btn-default btn-success">Comprar</button>&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-default btn-gray">+</button>
            </div>
            <div class="col-md-3">
                <a href="#">
                    <img src="images/evento-demo.jpg" alt="banda eva e camafeu no villa mix" width="286" height="270" itemprop="image" />
                </a>
                <h4>Banda Eva + Camafeu</h4>
                <h5>08 de Nov, Sabado, 22:00 hrs</h5>
                <button type="button" class="btn btn-default btn-success">Comprar</button>&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-default btn-gray">+</button>
            </div>
            <div class="col-md-3">
                <a href="#">
                    <img src="images/evento-demo.jpg" alt="banda eva e camafeu no villa mix" width="286" height="270" itemprop="image" />
                </a>
                <h4>Banda Eva + Camafeu</h4>
                <h5>08 de Nov, Sabado, 22:00 hrs</h5>
                <button type="button" class="btn btn-default btn-success">Comprar</button>&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-default btn-gray">+</button>
            </div>
        </div>
    </div>
    <!-- /container -->

    <footer>
        <div class="container">
            <div id="row">
                <div class="col-md-9">
                    <p class="first">No Brasil</p>
                    <a href="#">Brasilia</a>&nbsp;&nbsp;&nbsp;<a href="#">São Luís</a>&nbsp;&nbsp;&nbsp;<a href="#">Palmas</a>

                    <p>Nos siga</p>
                    <a href="#"><img src="images/icon-fb-rodape.jpg" alt="facebook" />&nbsp;Facebook</a>&nbsp;&nbsp;&nbsp;<a href="#"><img src="images/icon-tw-rodape.jpg" alt="facebook" />&nbsp;Twitter</a>
                    
                    <p>Direitos Autorais &copy; 2013, BuyRitmus. Todos os direitos reservados.</p>
                    <a href="#">Termos de Uso</a>&nbsp;&nbsp;&nbsp;<a href="#">Perguntas Frequentes</a>&nbsp;&nbsp;&nbsp;<a href="#">Segurança</a>&nbsp;&nbsp;&nbsp;<a href="#">Material de Divulgação</a>
                </div>
                <div id="col-md-3">
                    <p class="text-right"><a href="#"><img src="images/logo-pagseguro-rodape.jpg" alt="pag-seguro" /></a></p>
                    <br />
                    <p class="text-right">10h - 18h Seg. a Sex.</p>
                    <p class="text-right margin-zero">atendimento@buyritmus.com.br</p>
                </div>
                
            </div>

        </div>
    </footer>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>
